<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <form action="">
     <!-- 
         下拉菜单： 它是一个组合元素
          select + option
            select:选择
            option: 选项
           option 中的value的值 才是真正传到后台的值
           <option>值</option> 是显示被用户看的

         selected="selected" 可以直接写selected
      -->
      <!-- 
          单选的下拉菜单
       -->
      <select name="province">
          <option value="sc">四川省</option>
          <option value="yn" >云南省</option>
          <option value="gz">贵州省</option>
          <option value="hj" selected>福建省</option>
          <option value="zj">浙江省</option>
      </select>

     <hr/>
     <!-- 
         多选的下拉菜单
         multiple="multiple": 表示是一个多选的下拉菜单
      -->
      <select name="students" id="" multiple="multiple" size="5">
          <option value="1">张三</option>
          <option value="2">李四</option>
          <option value="3" selected>王五</option>
          <option value="4">赵六</option>
          <option value="5">孙琪</option>
          <option value="6" selected>李菊花</option>
      </select>

    </form>



</body>
</html>